<template lang="html">
  <div class="common_dialog" >
    <div class="dialog_msk">
      <div class="close" catchtap="colseDialog"></div>
      <slot></slot>
    </div>
    <div class="txt" v-if="tips">{{tips}}</div>
    <div class="dialog_fiex" bindtap="colseDialog"></div>
  </div>
</template>

<script>
export default {
  porps: ['show']
}
</script>

<style lang="css" scoped>
/* pages/component/common/dialog/dialog.wxss */

.dialog, .dialog_fiex {
  position: fixed;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  z-index: 7;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.dialog_msk {
  width: 630px;
  background: #fff;
  border-radius: 24px;
  min-height: 80px;
  overflow: hidden;
  position: relative;
  z-index: 8;
}
.dialog_fiex {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
}
.dialog_msk .close {
  height: 44px;
  width: 44px;
  position: absolute;
  top: 38px; right: 38px;
  background: url('https://mjmh.meijiameihuo.com/wechat/images/member/close.png') no-repeat center;
  background-size: contain;
}
.txt {
  font-size: 28px; padding: 30px;
  z-index: 8;
   color: #FFFFFF;
}
</style>
